<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left" id="do-nicescrol">
       
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="extra-timeline.html#">Dropdown One</a>
                        <a class="dropdown-item" href="extra-timeline.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="extra-timeline.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="extra-timeline.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">时间线</h4>
                <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>


        <div class="row">
            <div class="col-md-12">
                <section id="cd-timeline" class="cd-container">
                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-success">
                            <i class="fa fa-tag"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件一</h3>
                            <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。刚刚，的选择，赞美苦难本身已经在商品或债务的他可以取悦后者，好像出了什么正确的时间提供？这些都对真理的少了乐趣，谁，为了。.</p>
                            <span class="cd-date">May 23</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-danger">
                            <i class="fa fa-thumbs-up"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件二</h3>
                            <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。刚刚，的选择，赞美苦难本身已经在商品或债务的他可以取悦后者，好像出了什么正确的时间提供？这些都对真理的少了乐趣，谁，为了?</p>
                            <button type="button" class="btn btn-primary btn-rounded waves-effect waves-light m-t-15">See more detail</button>

                            <span class="cd-date">May 30</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-info">
                            <i class="fa fa-star"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件三</h3>
                            <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。Excepturi，成为盲人，男人会立刻采取入选世界恨的烦恼的错误和极其快乐和痛苦的乐趣的渴望，痛苦本身，这是事物和人一样的人。他讨厌，因此，他们抛弃了一般奔往自己支付任何身体的，然而，出生于它的时间，因为他们是一个可恶的词本身的：但击退 ... <a href="extra-timeline.html#">Read more</a></p>
                            <span class="cd-date">Jun 05</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-pink">
                            <i class="fa fa-image"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件四</h3>
                            <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。Excepturi，成为盲人，男人会立刻采取入选世界恨的烦恼的错误和极其快乐和痛苦的乐趣的渴望，痛苦本身，这是事物和人一样的人。他讨厌，因此，</p>
                            <img src="assets/images/small/img1.jpg" alt="">
                            <span class="cd-date">Jun 14</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-warning">
                            <i class="fa fa-pencil-square-o"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件五</h3>
                            <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。Excepturi，成为盲人，男人会立刻采取入选世界恨的烦恼的错误和极其快乐和痛苦的乐趣的渴望，痛苦本身，这是事物和人一样的人。他讨厌，因此，</p>
                            <button type="button" class="btn btn-primary btn-rounded waves-effect waves-light m-t-15">See more detail</button>
                            <span class="cd-date">Jun 18</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->

                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-primary">
                            <i class="fa fa-paperclip"></i>
                        </div> <!-- cd-timeline-img -->

                        <div class="cd-timeline-content">
                            <h3>时间线事件结束</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque, deserunt corporis vero ipsum nisi eius odio natus ullam provident pariatur temporibus quia eos repellat consequuntur perferendis enim amet quae quasi repudiandae sed quod veniam dolore possimus rem voluptatum eveniet eligendi quis fugiat aliquam sunt similique aut adipisci.</p>
                            <span class="cd-date">Jun 30</span>
                        </div> <!-- cd-timeline-content -->
                    </div> <!-- cd-timeline-block -->
                </section> <!-- cd-timeline -->
            </div>
        </div><!-- Row -->

                  
        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

    </body>
</html>